<!DOCTYPE html>
<html ng-app="demo">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"
    />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <title>商品详情</title>
    <link rel="stylesheet" type="text/css" href="css/conversation.css" />
    <link type="text/css" href="css/reset.css" rel="stylesheet" />
    <link type="text/css" href="css/public.css" rel="stylesheet" />
    <link type="text/css" href="css/style.css" rel="stylesheet" />
    <link type="text/css" href="css/wode.css" rel="stylesheet" />
    <script>
        var deviceWidth = Math.min(640, window.innerWidth)
        document.documentElement.style.fontSize = deviceWidth / 7.5 + "px"
    </script>
    <script src="js/jquery-3.0.0.min.js"></script>
    <script src="js/core.js"></script>
    <script src="js/7.0.0goodsdeta.js"></script>
    <script language='javascript' src='js/base64.js'></script>
</head>
<style>
    .jg_detail_jiaoyi2 {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background: #FFFFFF;
       /* padding-right: 10px;*/
        border-top: 1px solid #E5E5E5;
    }
     .jg_detail_jiaoyi21 {
     		width: 100%;
     		height: 40px;
     		line-height: 40px;
     		background: #FFFFFF;
     		/*padding-right: 10px;*/
     		
     }
    .tupian {
        width: 66px;
        height: 66px;
        border-radius: 66px;
    }
		
		/*已经是底部了*/
		#alreay{
			width:100%;
			height:43px;
			line-height:43px;
			vertical-align:middle;
			text-align:center;
			margin-bottom:2px;
		}
		#alreay>img{
			height:11px;
		}
		
		 .bao{
			 display: inline-block;
			 border:1px solid #FD900F;
			 font-size: 19px;
				padding: 1px 3px;
				line-height: 22px;
				margin-right: 10px;
		 }
		 .dengji{
			 display: block;
			 width:16px;
			 height:16px;
		 }
		 .yanse{
			 display: flex;
			 flex-direction: column;
			 justify-content: center;
			 align-items: center;
			 
		 }
		 .yanse>div>h6{
			 color:#000;
		 }
		 .mianliao{
			 display: flex;
			 flex-direction: column;
			 justify-content: center;
			 align-items: center;
			 
		 }
		 .mianliao>div>h6{
			 color:#000;
		 }
		
</style>

<body ng-controller="main">
    <script>
        function fanhui() {
            window.history.back(-1);
        }
    </script>
    <div id="quanju">
        <!-- top -->
        <div>
            <!--top-->
            <div class="ma_zhs">
                <div class="fl">
                    <a onclick="fanhui()">
                        <img src="images/detail_top_left.png" width="36" height="36">
                    </a>
                </div>
                <!-- <div class="fr">
                    <a href="#" onclick="chaxunwodezhuji2()" class="jg_zuji">
                        <img src="images/detail_top_zuji.png" width="36" height="36">
                    </a>
                </div> -->
            </div>
            <!--banner-->
            <div id="slideBox" class="slideBox"></div>
            <!--<div id="lunbotu"></div>-->  
        </div>
        <div class="jg_detail_title" id="jianjie">
        </div>
        <!--抵扣-->
        <div class="jg_detail_dikou" id="dikou">

        </div>
        <!--<div class="youhuijuan">
				<ui>
					<li onclick="youhuijuan()">获取店铺优惠劵</li>
				</ui>
			</div>
			  <div id="youhuijuanshuoming"></div>
			  -->

        <!--优惠券-->
        <!--	<div class="">
	<div></a></div>
			</div>-->

        <!-- <div class="jg_detail_jiaoyi2">
            <div class="jg_detail_jiaoyi21">
                <img class="leftjoin" src="images/youhuiquan.jpg" style="width: 100%;" onclick="gotocounpon()" />
            </div>
        </div> -->

        <!--交易安全-->
        <div class="jg_detail_jiaoyi">
            <ul class="clearfix">
                <li>
                    <img src="images/check@2x.png" />交易安全</li>
                <li>
                    <img src="images/check@2x.png" />质量保障</li>
                <li>
                    <img src="images/check@2x.png" />方便省心</li>
            </ul>
        </div>
        <!--评价-->
        <div class="public-jianxi"></div>
        <div class="Pingjia" id="pingjia">

        </div>
        <!--店铺-->
        <div class="public-jianxi"></div>
        <div class="Dianpu" id="dianpu">

        </div>
        <!--商品详情-->
        <div class="dingdan_title"><em style="color:#FD900F">|</em> 商品详情</div>
        <div class="Detail" id="shangpingxiangqing"> </div>
        <div id="goodsimg"></div>
				<div id="alreay">
					<img src="images/daodi@2x.png" />
				</div>
        <!--底部-->
        <div class="jg_footer">
            <div class="jg_goods">
                <ul>
                    <li>
                        <a href="" id="fenlei" onclick="fenlei()">
                            <img src="images/detail_bottom01.png" />
                            <span>分类</span>
                        </a>
                    </li>
                    <li>
                        <a onclick="qingkong()">
                            <img src="images/detail_bottom02.png" />
                            <span>客服</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);" class="jg_share">
                            <img src="images/detail_bottom03.png" />
                            <span>分享</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);" onclick="shouchang()" class="jg_shoucang">
                            <img src="images/detail_bottom04.png" id="shifoushouchangs" />
                            <span>收藏</span>
                        </a>
                    </li>
                </ul>
                <a href="" onclick="addtianjia()">加入进货车</a>
            </div>
        </div>
        <!--返回到首页-->
         <div class="backFirst">
					 <a href="index.html"><img src="images/add/toindex.png" /></a>
				 </div>
        <!--服务说明-->
        <div class="public_fuwu">
            <h2>服务说明</h2>
            <ul>
                <li>
                    <h3>交易安全</h3>
                    <p>收到货后确认打款，佳港作为第三方担保全面为你保驾护航</p>
                </li>
                <li>
                    <h3>质量保障</h3>
                    <p>出现质量问题或纠纷，佳港客服将第一时间为你服务</p>
                </li>
                <li>
                    <h3>方便省心</h3>
                    <p>使用佳港可随时随地进货，逛各地市场的实拍爆款、新款，可随时跟进物流状态</p>
                </li>
            </ul>
            <!-- <h6>关闭</h6> -->
        </div>
        <style>
            .imgs {
                max-width: 100%;
                height: auto;
            }

            .public_share2 {
                width: 100%;
                position: fixed;
                bottom: 0;
                //left: 5%;*/
                /*background: #FFFFFF;*/
                border-top-left-radius: 8px;
                border-top-right-radius: 8px;
                display: none;
                z-index: 11;
            }

            
        </style>
        <!--分享-->
        <div class="public_share2">
            <img class="imgs public_share_quxiao2" src="images/xaingdao.png" />

            <!--	<ul class="clearfix">
					<li onclick="weixinhao(1)">
						<img src="images/share01.png" />
						<h6>微信好友</h6>
					</li>
					<li onclick="weixinhao(2)">
						<img src="images/share02.png" />
						<h6>朋友圈</h6>
					</li>
					<li onclick="weixinhao(4)">
						<img src="images/share03.png" />
						<h6>QQ好友</h6>
					</li>
					<li onclick="weixinhao(3)">
						<img src="images/share04.png" />
						<h6>QQ空间</h6>
					</li>
				</ul>
				<div class="public_share_quxiao">取消</div>-->
        </div>

        <!--足迹-->
        <!-- <div class="public_zuji">
            <h2>我的足迹</h2>
            <div id="wodezhuji"></div>
        </div> -->
    </div>

    <div>
        <rong-widget></rong-widget>
    </div>
    <style type="text/css">
        .miaoshu {
            color: #FD900F;
        }

        body {
            max-width: 640px;
            margin: 0 auto;
        }

        #lunbo ul li {
            width: 100%;
            list-style: none;
            width: 140px;
            height: 250px;
            background-color: #000;
            text-align: center;
            vertical-align: middle;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        #lunbo ul li:not(:first-child) {
            display: none;
        }
    </style>
    <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="js/TouchSlide.1.1.js"></script>
    <script type="text/javascript">
        //分享
        $(function () {
            //弹出
            $('.jg_share').on('click', function () {
                $("body").append("<div id='mask'></div>");
                $(".public_share2").show();
            });
            //点击关闭
            $(".public_share_quxiao2").on('click', function () {
                $(".public_share2").hide();
                $("#mask").remove();
            })
            $("#mask").on('click', function () {
                $(".public_share2").hide();
                $("#mask").remove();
            })
						
        });
				//返回到首页
				$('.backFirst>a').click(function(){
					window.location.href="index.html";
				})

        //服务说明
        $(function () {
            //弹出
            $('.jg_detail_jiaoyi').on('click', function () {
                $("body").append("<div id='mask'></div>");
                $(".public_fuwu").show();
            });
            //点击关闭
            $(".public_fuwu").on('click', function () {
                $(".public_fuwu").hide();
                $("#mask").remove();
            })
        });

        //足迹

        $(".jg_zuji").click(function () {
            $("#mask").remove();
            $("body").append("<div id='mask'></div>");
            $(".public_zuji").show();
            $("#mask").unbind("click");
            $("#mask").click(function () {
                $(".public_zuji").hide();
                setTimeout(function () {
                    $("#mask").removeClass("mask");
                    $("#mask").remove();
                }, 300);
            });
        })

        //收藏
        $(function ($) {
            $('.jg_shoucang img').click(function (event) {
                /* Act on the event */
                if (this.getAttribute("src", 2) == "images/detail_bottom04.png") {
                    this.src = "images/detail_bottom05.png";
                } else {
                    this.src = "images/detail_bottom04.png";
                }
            });

        }(window.jQuery));
    </script>
    <script>
        function qingkong() {
					alert('需要聊天功能，请下载服装基地APP后使用')
           // $("#quanju").html("");
        }
    </script>
    <script>
        $(document).ready(function () {  
            $(window).scroll(function () {    
                if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
                    var strs = $("#tuijians").val();
                    currentPage++;
                    //  alert(currentPage);
                    chaxunwodezhuji2();    
                }

                  
            });
        });
    </script>
    <script src="js/angular.js"></script>
    <script src="js/main.js"></script>
    <script src="js/ltindex.js"></script>
    <!--标准mui.css-->
    <link rel="stylesheet" href="css/mui.min.css">
    <script src="js/mui.min.js"></script>
    <script src="js/mui.zoom.js"></script>
    <script src="js/mui.previewimage.js"></script>
    <script>
        mui.previewImage();
    </script>

</body>
</html>
